<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<script>
    //浏览器存储功能之一：本地存储,localStorage对象实现的！！！本地存储数据一般存储的是字符串。

    //本地存储存储数据实现 第一个参数：相当于K  第二个参数：相当于V
    //持久化存储数据:电脑关机重启数据也在或者把网页关闭也在！！！
    //存储功能:如果K一样，后者覆盖前者
    //   localStorage.setItem('todo','我是本地存储功能，一般存储字符串')
    //   localStorage.setItem('todo','我是第二个，会把第一个覆盖哦哦')

    //读取:读取的时候，通过K，获取相应存储的V
    //读取浏览器存储数据的时候，如果没有存储过的K，获取数据为null
    // let result = localStorage.getItem('todo')
    // console.log(result)
    // let result1 = localStorage.getItem('todo1')
    // console.log(result1)

         //删除本地存储的数据
      //删除本地存储数据：通过K移出相应的V
    //   localStorage.removeItem('todo')
</script>
<script>
       //开发当中咱们一般存储：JSON、数组。
        //先把引用类型的数据，转换为字符串进行存储
        let todo = ["哈哈","哈哈哈","哈哈哈哈"];
        let obj = {a:88,b:888};

        //本地存储:存储引用类型的数据，先把他们转换为字符串
        localStorage.setItem('data',JSON.stringify(todo))
        localStorage.setItem('data1',JSON.stringify(obj))

        //读取:JSON.parse,可以把字符串转换为引用类型的数据
        let result = JSON.parse(localStorage.getItem('data'));
        let result1 = JSON.parse(localStorage.getItem('data1'))
        console.log(result)
        console.log(result1)


</script>